<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>大数据分析系统</title>

    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/static/adminlte3/plugins/fontawesome-free/css/all.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Tempusdominus Bootstrap 4 -->
    <link rel="stylesheet"
          href="/static/adminlte3/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="/static/adminlte3/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <!-- JQVMap -->
    <link rel="stylesheet" href="/static/adminlte3/plugins/jqvmap/jqvmap.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/static/adminlte3/dist/css/adminlte.min.css">
    <!-- overlayScrollbars -->
    <link rel="stylesheet" href="/static/adminlte3/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
    <!-- Daterange picker -->
    <link rel="stylesheet" href="/static/adminlte3/plugins/daterangepicker/daterangepicker.css">
    <!-- summernote -->
    <link rel="stylesheet" href="/static/adminlte3/plugins/summernote/summernote-bs4.min.css">

    {% block css %} {% endblock %}
</head>

<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
    {% block main %}


    {% endblock %}

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark" style="top: 56.8px; height: 485.2px; display: block;">
        <!-- Control sidebar content goes here -->
        <div class="p-3 control-sidebar-content os-host os-theme-light os-host-resize-disabled os-host-scrollbar-horizontal-hidden os-host-transition os-host-overflow os-host-overflow-y"
             style="height: 485.2px;">
            <div class="os-resize-observer-host observed">
                <div class="os-resize-observer" style="left: 0px; right: auto;"></div>
            </div>
            <div class="os-size-auto-observer observed" style="height: calc(100% + 1px); float: left;">
                <div class="os-resize-observer"></div>
            </div>
            <div class="os-content-glue" style="margin: -16px; width: 249px; height: 484px;"></div>
            <div class="os-padding">
                <div class="os-viewport os-viewport-native-scrollbars-invisible" style="overflow-y: scroll;">
                    <div class="os-content" style="padding: 16px; height: 100%; width: 100%;"><h5>Customize
                        AdminLTE</h5>
                        <hr class="mb-2">
                        <div class="mb-4"><input type="checkbox" value="1" class="mr-1"><span>Dark Mode</span></div>
                        <h6>Header Options</h6>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Fixed</span></div>
                        <div class="mb-1"><input type="checkbox" value="1"
                                                 class="mr-1"><span>Dropdown Legacy Offset</span></div>
                        <div class="mb-4"><input type="checkbox" value="1" class="mr-1"><span>No border</span></div>
                        <h6>Sidebar Options</h6>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Collapsed</span></div>
                        <div class="mb-1"><input type="checkbox" value="1" checked="checked"
                                                 class="mr-1"><span>Fixed</span></div>
                        <div class="mb-1"><input type="checkbox" value="1" checked="checked" class="mr-1"><span>Sidebar Mini</span>
                        </div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Sidebar Mini MD</span>
                        </div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Sidebar Mini XS</span>
                        </div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Nav Flat Style</span>
                        </div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Nav Legacy Style</span>
                        </div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Nav Compact</span></div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Nav Child Indent</span>
                        </div>
                        <div class="mb-1"><input type="checkbox" value="1"
                                                 class="mr-1"><span>Nav Child Hide on Collapse</span></div>
                        <div class="mb-4"><input type="checkbox" value="1" class="mr-1"><span>Disable Hover/Focus Auto-Expand</span>
                        </div>
                        <h6>Footer Options</h6>
                        <div class="mb-4"><input type="checkbox" value="1" class="mr-1"><span>Fixed</span></div>
                        <h6>Small Text Options</h6>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Body</span></div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Navbar</span></div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Brand</span></div>
                        <div class="mb-1"><input type="checkbox" value="1" class="mr-1"><span>Sidebar Nav</span></div>
                        <div class="mb-4"><input type="checkbox" value="1" class="mr-1"><span>Footer</span></div>
                        <h6>Navbar Variants</h6>
                        <div class="d-flex"><select class="custom-select mb-3 text-light border-0 bg-white">
                            <option class="bg-primary">Primary</option>
                            <option class="bg-secondary">Secondary</option>
                            <option class="bg-info">Info</option>
                            <option class="bg-success">Success</option>
                            <option class="bg-danger">Danger</option>
                            <option class="bg-indigo">Indigo</option>
                            <option class="bg-purple">Purple</option>
                            <option class="bg-pink">Pink</option>
                            <option class="bg-navy">Navy</option>
                            <option class="bg-lightblue">Lightblue</option>
                            <option class="bg-teal">Teal</option>
                            <option class="bg-cyan">Cyan</option>
                            <option class="bg-dark">Dark</option>
                            <option class="bg-gray-dark">Gray dark</option>
                            <option class="bg-gray">Gray</option>
                            <option class="bg-light">Light</option>
                            <option class="bg-warning">Warning</option>
                            <option class="bg-white">White</option>
                            <option class="bg-orange">Orange</option>
                        </select></div>
                        <h6>Accent Color Variants</h6>
                        <div class="d-flex"></div>
                        <select class="custom-select mb-3 border-0">
                            <option>None Selected</option>
                            <option class="bg-primary">Primary</option>
                            <option class="bg-warning">Warning</option>
                            <option class="bg-info">Info</option>
                            <option class="bg-danger">Danger</option>
                            <option class="bg-success">Success</option>
                            <option class="bg-indigo">Indigo</option>
                            <option class="bg-lightblue">Lightblue</option>
                            <option class="bg-navy">Navy</option>
                            <option class="bg-purple">Purple</option>
                            <option class="bg-fuchsia">Fuchsia</option>
                            <option class="bg-pink">Pink</option>
                            <option class="bg-maroon">Maroon</option>
                            <option class="bg-orange">Orange</option>
                            <option class="bg-lime">Lime</option>
                            <option class="bg-teal">Teal</option>
                            <option class="bg-olive">Olive</option>
                        </select><h6>Dark Sidebar Variants</h6>
                        <div class="d-flex"></div>
                        <select class="custom-select mb-3 text-light border-0 bg-primary">
                            <option>None Selected</option>
                            <option class="bg-primary">Primary</option>
                            <option class="bg-warning">Warning</option>
                            <option class="bg-info">Info</option>
                            <option class="bg-danger">Danger</option>
                            <option class="bg-success">Success</option>
                            <option class="bg-indigo">Indigo</option>
                            <option class="bg-lightblue">Lightblue</option>
                            <option class="bg-navy">Navy</option>
                            <option class="bg-purple">Purple</option>
                            <option class="bg-fuchsia">Fuchsia</option>
                            <option class="bg-pink">Pink</option>
                            <option class="bg-maroon">Maroon</option>
                            <option class="bg-orange">Orange</option>
                            <option class="bg-lime">Lime</option>
                            <option class="bg-teal">Teal</option>
                            <option class="bg-olive">Olive</option>
                        </select><h6>Light Sidebar Variants</h6>
                        <div class="d-flex"></div>
                        <select class="custom-select mb-3 border-0">
                            <option>None Selected</option>
                            <option class="bg-primary">Primary</option>
                            <option class="bg-warning">Warning</option>
                            <option class="bg-info">Info</option>
                            <option class="bg-danger">Danger</option>
                            <option class="bg-success">Success</option>
                            <option class="bg-indigo">Indigo</option>
                            <option class="bg-lightblue">Lightblue</option>
                            <option class="bg-navy">Navy</option>
                            <option class="bg-purple">Purple</option>
                            <option class="bg-fuchsia">Fuchsia</option>
                            <option class="bg-pink">Pink</option>
                            <option class="bg-maroon">Maroon</option>
                            <option class="bg-orange">Orange</option>
                            <option class="bg-lime">Lime</option>
                            <option class="bg-teal">Teal</option>
                            <option class="bg-olive">Olive</option>
                        </select><h6>Brand Logo Variants</h6>
                        <div class="d-flex"></div>
                        <select class="custom-select mb-3 border-0">
                            <option>None Selected</option>
                            <option class="bg-primary">Primary</option>
                            <option class="bg-secondary">Secondary</option>
                            <option class="bg-info">Info</option>
                            <option class="bg-success">Success</option>
                            <option class="bg-danger">Danger</option>
                            <option class="bg-indigo">Indigo</option>
                            <option class="bg-purple">Purple</option>
                            <option class="bg-pink">Pink</option>
                            <option class="bg-navy">Navy</option>
                            <option class="bg-lightblue">Lightblue</option>
                            <option class="bg-teal">Teal</option>
                            <option class="bg-cyan">Cyan</option>
                            <option class="bg-dark">Dark</option>
                            <option class="bg-gray-dark">Gray dark</option>
                            <option class="bg-gray">Gray</option>
                            <option class="bg-light">Light</option>
                            <option class="bg-warning">Warning</option>
                            <option class="bg-white">White</option>
                            <option class="bg-orange">Orange</option>
                            <a href="#">clear</a></select></div>
                </div>
            </div>
            <div class="os-scrollbar os-scrollbar-horizontal os-scrollbar-unusable os-scrollbar-auto-hidden">
                <div class="os-scrollbar-track">
                    <div class="os-scrollbar-handle" style="transform: translate(0px, 0px); width: 100%;"></div>
                </div>
            </div>
            <div class="os-scrollbar os-scrollbar-vertical os-scrollbar-auto-hidden">
                <div class="os-scrollbar-track">
                    <div class="os-scrollbar-handle" style="transform: translate(0px, 0px); height: 37.5387%;"></div>
                </div>
            </div>
            <div class="os-scrollbar-corner"></div>
        </div>
    </aside>

    <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="/static/adminlte3/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="/static/adminlte3/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
    $.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="/static/adminlte3/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="/static/adminlte3/plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="/static/adminlte3/plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="/static/adminlte3/plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="/static/adminlte3/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->
<script src="/static/adminlte3/plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="/static/adminlte3/plugins/moment/moment.min.js"></script>
<script src="/static/adminlte3/plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="/static/adminlte3/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="/static/adminlte3/plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="/static/adminlte3/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="/static/adminlte3/dist/js/adminlte.js"></script>
<!-- AdminLTE for demo purposes -->
{#<script src="/static/adminlte3/dist/js/demo.js"></script>#}
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="/static/adminlte3/dist/js/pages/dashboard.js"></script>
<script type="application/javascript">
    $(function () {
        $('.nav-sidebar li:not(.treeview) > a').on('click', function () {
            /*
            console.log(this.href);
            var $parent = $(this).parent().addClass('active');
            $parent.siblings('.treeview.active').find('> a').trigger('click');
            $parent.siblings().removeClass('active').find('li').removeClass('active');

             */
        });
        $('.nav-sidebar a').each(function () {
            if (this.href === window.location.href) {
                var parents_node = $(this).parent().parent();
                $(this).addClass('active');

                if (parents_node.hasClass("nav-treeview")) {
                    $(parents_node).parent().addClass("menu-open");
                    $(parents_node).prev('.nav-link').addClass("active");
                }
            }
        });


    });

</script>
{% block javascripts %}{% endblock %}

</body>
</html>
